*{margin: 0;padding: 0;box-sizing: border-box;}
html,body{height: 100%;overflow-y: auto;min-width: 320px;max-width: 768px;min-height: 100%;position: relative;margin: 0 auto;background: #171717;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;font-family:"Lucida Grande","Lucida Sans Unicode","STHeitiSC-Light","STHeitiSC","Helvetica Neue","Helvetica","Arial","Verdana","Microsoft YaHei","sans-serif";}
input,select,button{outline: 0;font-size:14px;font-family:"Lucida Grande","Lucida Sans Unicode","STHeitiSC-Light","STHeitiSC","Helvetica Neue","Helvetica","Arial","Verdana","Microsoft YaHei","sans-serif";}
a>img,img{border: none;outline: 0;}
a,a:hover{text-decoration:none;}
*:focus{outline: none;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5{font-weight: normal;}
.hide{display: none;}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1440656373_6403174.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1440656373_6403174.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1440656373_6403174.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1440656373_6403174.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1440656373_6403174.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:24px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-menu:before {content: "\e605";}

#body{padding-top: 52px;}

/*header>>*/
header{position: fixed;top: 0;width: 100%;height: auto;overflow:hidden;background: #171717;border-bottom: 1px solid #222;z-index: 100;min-width: 320px;max-width: 768px;}
header>h1{padding: 10px 50px; text-align: center;color: #bababa;font-size: 18px;line-height: 30px;letter-spacing: 0.5px; border-bottom: 1px solid #111;}
header>h1 span{font-size: 16px;}
footer{position: fixed;bottom: 0;width: 100%;height: 50px;background: url(../images/opc8.png);box-shadow: 1px 2px 1px #111;z-index: 100;min-width: 320px;max-width: 768px;}
footer ul{display: block; width: 100%; height: 100%;}
footer ul li{display: block; float: left; width: 33.3333%; height: 100%;}
footer ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; color: #444;}
footer ul li.on a{color: #9ed8f6;}
footer ul li a:visited{color: #444;}
footer .iconfont{font-size: 30px;}
footer ul li:nth-child(2) .iconfont{font-size: 34px;}

.h-left{position: absolute;top: 0;left: 0;}
.h-right{position: absolute;top: 0;right: 0;}
.h-left>a,.h-right>a{display: block;height: 100%;padding:0 15px;line-height: 50px;color: #bababa;font-size: 14px;}
/*<<header*/

.tip-disk{position: fixed; width: 100%; height: auto; z-index: 100; left: 0; top: 40%; text-align: center; padding: 0 25px;}
.tip-disk > span{font-size: 14px; color: #333; background: #b4b4b4; opacity: 0.8; padding: 10px 20px; display: inline-block; border-radius: 3px;}

/*按钮*/
.button{
  min-height: 1.5em;
  display: inline-block;
  padding: 0 36px;
  cursor: pointer;
  opacity: 0.9;
  color: #FFF;
  font-size: 1em;
  letter-spacing: 1px;
  text-shadow: rgba(0,0,0,0.9) 0px 1px 2px;
  background: #434343;
  border: 1px solid #242424;
  border-radius: 4px;
  box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
  transition: all 0.1s linear;
  outline: none;
}
.button:active{box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;}
.button.black{background: #000;}
.button.blue{background: #9ed8f6; border: 1px solid #9ed8f6;}


/*加载*/
.loadframes{width: 100%;height: 40px;position: absolute;top: 50%;margin-top: -10px;left: 50%;margin-left:-15px;overflow: hidden;z-index: 10;-moz-box-sizing: border-box;box-sizing: border-box;}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
.ball-beat > div {
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: -0.35s !important;
            animation-delay: -0.35s !important; }